.container {
    box-sizing: border-box;
}
.container-main{
    padding: 0 30rpx;
    // padding-top: 50px;
    height: calc(100vh - 80rpx);
    overflow-y: scroll;
    box-sizing: border-box;
}

.btn-search {
    height: 60rpx;
	width: 700rpx;
    // background: $uni-bg-color-grey;
    // border-radius: 8rpx;
	overflow: hidden;
    // flex: 1;
    // border: 1px solid #F0F0F0;
    font-weight: bold;
    color: #000;
    // .iconfont{
    //     color: $uni-text-color;
    // }
}
.sort-control{
    margin-bottom: 10rpx;
	// line-height: 100rpx;
	// height: 100rpx;
}
.sort-control .sort-option {
    height: 100rpx;
    padding-right: 30rpx;
    font-size: 28rpx;
    color: $uni-text-color-grey;
    position: relative;
}

.sort-control .sort-option:before,
.sort-control .sort-option:after {
    content: "";
    border-width: 10rpx;
    border-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sort-control .sort-option:before {
    border-top-color: transparent;
    border-bottom-color: #999;
    margin-top: -12rpx;
}

.sort-control .sort-option:after {
    border-top-color: #999;
    border-bottom-color: transparent;
    margin-top: 12rpx;
}

.sort-control .sort-option:nth-child(n+2) {
    margin-left: 40rpx;
}

.sort-control .sort-option.active {
    color: $uni-text-color-inverse;
}

.sort-control .sort-option.active.asc:before {
    border-bottom-color: #fff;
}

.sort-control .sort-option.active.desc:after {
    border-top-color: #fff;
}
.assets-list {
    height: calc(100% - 100px);
    // overflow: hidden;
	// padding-bottom: 300rpx;
}
.assets {
    position: relative;
    width: -webkit-calc((100% - 20rpx) * 0.5);
    width: calc((100% - 20rpx) * 0.5);
    border-radius: 10rpx;
    float: left;
    box-sizing: border-box;
    &::after{
        content: '';
        width: calc(100% - 28rpx);
        height: 15rpx;
        position: absolute;
        bottom: -15rpx;
        left: 14rpx;
        z-index: 1;
        background: #ECECEC;
        border-bottom-left-radius: 16rpx;
        border-bottom-right-radius: 16rpx;
    }
}

.assets:nth-child(odd) {
    margin-left: 20rpx;
}

.assets:nth-child(n+2) {
    margin-top: 40rpx;
}

.assets .assets__img-wrapper {
    padding-bottom: 100%;
    position: relative;
    border-radius: 10rpx 10rpx 0 0;
}

.assets .assets__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.assets .assets-info {
	height: 200rpx;
	padding: 20rpx 10rpx 0;
    border-radius: 0 0 10rpx 10rpx;
	box-sizing: border-box;
}

.assets .assets__no-title {
    background: #FEC786;
    padding: 4rpx 10rpx;
    line-height: 40rpx;
	// font-size: 24rpx;
	white-space:nowrap;
    border-top-left-radius: 8rpx;
    border-bottom-left-radius: 8rpx;
}

.assets .assets__no-wrapper {
	width: 76rpx;
    background: rgba($color: #faf0e0, $alpha: .5);
    padding: 4rpx 10rpx;
    line-height: 40rpx;
	text-align: center;
    color: #95794B;
    border-top-right-radius: 8rpx;
    border-bottom-right-radius: 8rpx;
}

.assets .assets__price {
    font-weight: bold;
    font-size: 32rpx;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.assets .icon-qianjin {
    color: #000;
    font-size: 30rpx;
    margin-left: 4rpx;
    margin-right: 6rpx;
}